<template>
    <div class="look-container">
        <div class="look-con">
            <nav class="nav">导航</nav>
            <div class="look-list">
                <router-view/>
            </div>
        </div>
        <bao-foot></bao-foot>
    </div>
</template>  

<script>
// import Foot from '../../components/foot';
export default {
    created(){
        // this.$alert('成功====')
    //    this.$alert('成功')   Vue.prototype.$alert = function(){}
    },
    // beforeRouteEnter (to,from,next) {
    //     // ...
    //     // console.log("this",this);
    //     next((vm) => {
    //         console.log(vm)
    //     })
    // },
    // beforeRouteLeave (to, from, next) {
    //     const answer = window.confirm('Do you really want to leave? you have unsaved changes!')
    //     if (answer) {
    //         next()
    //     } else {
    //         next(false)
    //     }
    // }
}
</script>

<style lang="scss">
    .look-container{
        width:100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        .look-con{
            flex:1;
            width:100%;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            .nav{
                width:100%;
                height: 40px;
                background: lightblue;
                line-height: 40px;
            }
            .look-list{
                flex:1;
                width: 100%;
                overflow: auto;
            }
        }
    }
</style>